<template>
	<div class="ai-cell">
		<div class="ai-cell-title">{{ title }}</div>
		<div class="ai-cell-value ai-eee">{{ value }}</div>
	</div>
</template>

<script setup lang="ts">
let props = defineProps({
	title: {
		type: String,
		default: '',
	},
	value: {
		default: '',
	},
})
</script>

<style scoped lang="scss">
.ai-eee{
	color:#848181
}
.ai-cell {
	display: flex;
    width: 100%;
	.ai-cell-title {
		white-space: nowrap;
	}

	.ai-cell-value {
		margin-left: 8px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
	}
}
</style>
